<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>钩子函数</title>
</head>
<body>
<div id="example">
    <div v-my-directive="someValue"></div>
</div>
<script src="../js/libs/vue.js"></script>
<script>
    new Vue({
        el: '#example'
    });
    Vue.directive('my-directive', {
        bind: function () {
            //准备工作
        },
        update: function (newValue, oldValue) {
            //值更新时的工作，也会以初始值为参数调用一次
        },
        unbind: function () {
            //清理工作
        }
    });
    //当只需要update函数时，可以传入一个函数替代定义对象：
    Vue.directive('my-directive', function (value) {
        //这个函数用作update()
    });
</script>
</body>
</html>